<!-- 说明 -->
<template>
 <el-descriptions direction="vertical" :column="column">
    <el-descriptions-item v-for="(item,index) in data"lass-name="useCell" label-class-name="useLabel" :label="item.label" :span="item.span">{{item.value}}</el-descriptions-item>
</el-descriptions>
</template>
<script setup>
const props =defineProps({
    column:{
        type: Number,
        default: 4
    },
    data:{
        type: Array,
        default: []
    }
})
</script>
<style scoped lang='scss'>
.el-descriptions{
    flex: 1;
}

::v-deep(.el-descriptions__body ){
    .el-descriptions__table .el-descriptions__cell{
        line-height: 20px !important;
    }
}

::v-deep(.useLabel){
    color: var(--use-color-info-light-3) !important;
    padding-bottom: 4px !important;
}
</style>
